<template>
    <div>
        <header1></header1>
        <!-- <div  :class="$style.mainHeader">123123</div>
        <div :id="$style.test">{{text}}</div> -->
 <router-link to="/app">Go to app</router-link>
    <router-link to="/login">Go to login</router-link>
<div>
     <router-view></router-view>
</div>
<footer1></footer1>
    </div>


</template>

<script>
// import './assets/index.css'
import header1 from './header'
import footer1 from './footer'
import todo from './todo.vue'
export default {
    components: {
        header1,
        footer1,
        todo
    },

    data() {
        return {

            text: 'abc12312312123'
        }
    }

}
</script>

<style module>
    #test {
        color: rgb(43, 255, 0);
    }

    .main-header {
        text-align: center;
        color: blue;
    }
</style>
